{% extends "base.html" %}
{% block title %}商品列表{% endblock %}

{% block content %}

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <!-- <h5 class="mb-0"><i class="bi bi-cart-check"></i>商品列表</h5> -->
        <h2 class="mb-4"><i class="bi bi-cart-check"></i>商品列表</h2>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead class="thead-light">
                    <tr>
                        <th>ID</th>
                        <th>SessionId</th>
                        <th>商品名称</th>
                        <th>日期</th>
                    </tr>
                </thead>
                <tbody>
                    {% for product in products %}
                    <tr>
                        <td>{{ product.product_id }}</td>
                        <td>{{ product.SessionId }}</td>
                        <td>{{ product.product_name }}</td>
                        <td>{{ product.created_date }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}

{% endblock %}